﻿<%@ Control Language="vb" AutoEventWireup="false" CodeBehind="wucMascaras.ascx.vb" Inherits="ProjetoDeTestes.wucMascaras" %>
<script>
/*
*    Script:    Mascaras em Javascript
*     Autor:    Matheus Biagini de Lima Dias
*    Data:    26/08/2008
*    Obs:    
*/
    /*Função  Pai de Mascaras*/
    function Mascara(o,f){
        v_obj=o
        v_fun=f
        setTimeout("execmascara()",1)
    }
    
    /*Função que Executa os objetos*/
    function execmascara(){
        v_obj.value=v_fun(v_obj.value)
    }
    
    /*Função que Determina as expressões regulares dos objetos*/
    function leech(v){
        v=v.replace(/o/gi,"0")
        v=v.replace(/i/gi,"1")
        v=v.replace(/z/gi,"2")
        v=v.replace(/e/gi,"3")
        v=v.replace(/a/gi,"4")
        v=v.replace(/s/gi,"5")
        v=v.replace(/t/gi,"7")
        return v
    }
    
    /*Função que permite apenas numeros*/
    function Integer(v){
        return v.replace(/\D/g,"")
    }
    
    /*Função que padroniza telefone (11) 4184-1241*/
    function Telefone(v){
        v=v.replace(/\D/g,"")                 
        v=v.replace(/^(\d\d)(\d)/g,"($1) $2") 
        v=v.replace(/(\d{4})(\d)/,"$1-$2")    
        return v
    }
    
    /*Função que padroniza telefone (11) 41841241*/
    function TelefoneCall(v){
        v=v.replace(/\D/g,"")                 
        v=v.replace(/^(\d\d)(\d)/g,"($1) $2")    
        return v
    }
    
    /*Função que padroniza CPF*/
    function Cpf(v){
        v=v.replace(/\D/g,"")                    
        v=v.replace(/(\d{3})(\d)/,"$1.$2")       
        v=v.replace(/(\d{3})(\d)/,"$1.$2")       
                                                 
        v=v.replace(/(\d{3})(\d{1,2})$/,"$1-$2") 
        return v
    }
    
    /*Função que padroniza CEP*/
    function Cep(v){
        v=v.replace(/D/g,"")                
        v=v.replace(/^(\d{5})(\d)/,"$1-$2") 
        return v
    }
    
    /*Função que padroniza CNPJ*/
    function Cnpj(v){
        v=v.replace(/\D/g,"")                   
        v=v.replace(/^(\d{2})(\d)/,"$1.$2")     
        v=v.replace(/^(\d{2})\.(\d{3})(\d)/,"$1.$2.$3") 
        v=v.replace(/\.(\d{3})(\d)/,".$1/$2")           
        v=v.replace(/(\d{4})(\d)/,"$1-$2")              
        return v
    }
    
    /*Função que permite apenas numeros Romanos*/
    function Romanos(v){
        v=v.toUpperCase()             
        v=v.replace(/[^IVXLCDM]/g,"") 
        
        while(v.replace(/^M{0,4}(CM|CD|D?C{0,3})(XC|XL|L?X{0,3})(IX|IV|V?I{0,3})$/,"")!="")
            v=v.replace(/.$/,"")
        return v
    }
    
    /*Função que padroniza o Site*/
    function  Site(v){
        v=v.replace(/^http:\/\/?/,"")
        dominio=v
        caminho=""
        if(v.indexOf("/")>-1)
            dominio=v.split("/")[0]
            caminho=v.replace(/[^\/]*/,"")
            dominio=dominio.replace(/[^\w\.\+-:@]/g,"")
            caminho=caminho.replace(/[^\w\d\+-@:\?&=%\(\)\.]/g,"")
            caminho=caminho.replace(/([\?&])=/,"$1")
        if(caminho!="")dominio=dominio.replace(/\.+$/,"")
            v="http://"+dominio+caminho
        return v
    }

    /*Função que padroniza DATA*/
    function Data(v){
        v=v.replace(/\D/g,"") 
        v=v.replace(/(\d{2})(\d)/,"$1/$2") 
        v=v.replace(/(\d{2})(\d)/,"$1/$2") 
        return v
    }
    
    /*Função que padroniza DATA*/
    function Hora(v){
        v=v.replace(/\D/g,"") 
        v=v.replace(/(\d{2})(\d)/,"$1:$2")  
        return v
    }
    
    /*Função que padroniza valor monétario*/
    function Valor(v){
        v=v.replace(/\D/g,""); //Remove tudo o que não é dígito
        v=v.replace(/^([0-9]{3}\.?){3}-[0-9]{2}$/,"$1.$2");
        v=v.replace(/(\d{3})(\d)/g,"$1.$2");
        v=v.replace(/(\d{1,})$/,"$1,00");       
        //v=v.replace(/(\d)(\d{2})$/,"$1,$2") //Coloca ponto antes dos 2 últimos digitos
        return v
    }
    
    /*Função que padroniza Area*/
    function Area(v){
        v=v.replace(/\D/g,"") 
        v=v.replace(/(\d)(\d{2})$/,"$1.$2") 
        return v
        
    }
    
    
    function formataMoeda(objTextBox, SeparadorMilesimo, SeparadorDecimal, e){
    var sep = 0;
    var key = '';
    var i = j = 0;
    var len = len2 = 0;
    var strCheck = '0123456789';
    var aux = aux2 = '';
    var whichCode = (window.Event) ? e.which : e.keyCode;    
    // 13=enter, 8=backspace as demais retornam 0(zero)
    // whichCode==0 faz com que seja possivel usar todas as teclas como delete, setas, etc    
    if ((whichCode == 13) || (whichCode == 0) || (whichCode == 8))
    	return true;
    key = String.fromCharCode(whichCode); // Valor para o código da Chave
 
 
    if (strCheck.indexOf(key) == -1) 
    	return false; // Chave inválida
    len = objTextBox.value.length;
    for(i = 0; i < len; i++)
        if ((objTextBox.value.charAt(i) != '0') && (objTextBox.value.charAt(i) != SeparadorDecimal)) 
        	break;
    aux = '';
    for(; i < len; i++)
        if (strCheck.indexOf(objTextBox.value.charAt(i))!=-1) 
        	aux += objTextBox.value.charAt(i);
    aux += key;
    len = aux.length;
    if (len == 0) 
    	objTextBox.value = '';
    if (len == 1) 
    	objTextBox.value = '0'+ SeparadorDecimal + '0' + aux;
    if (len == 2) 
    	objTextBox.value = '0'+ SeparadorDecimal + aux;
    if (len > 2) {
        aux2 = '';
        for (j = 0, i = len - 3; i >= 0; i--) {
            if (j == 3) {
                aux2 += SeparadorMilesimo;
                j = 0;
            }
            aux2 += aux.charAt(i);
            j++;
        }
        objTextBox.value = '';
        len2 = aux2.length;
        for (i = len2 - 1; i >= 0; i--)
        	objTextBox.value += aux2.charAt(i);
        objTextBox.value += SeparadorDecimal + aux.substr(len - 2, len);
    }
    return false;
}

function ValorDecimal(v) {
    if (v.charAt(0) == ","){
        v=v.replace(/[^\d]/g,"");
    }
    var contaVirgulas = 0;
    var strInteiro = "";
    for(var i=0;i<v.length;i++){
        if (v.charAt(i) == ","){
            contaVirgulas+=1;
            strInteiro = v.substring(0,i+1);
        }
        if (contaVirgulas > 0){
            var strSemVirgulas = v.substring(strInteiro.length, v.lenght);
            strSemVirgulas = strSemVirgulas.replace(",","");
            v = strInteiro+strSemVirgulas;
        }               
    }
    v=v.replace(/[^\d,]/g,""); // Remove tudo que não é dígito ou vírgula
    //v=v.replace(/^0+/g,"");  // Remove zeros à esquerda
    if(v.indexOf(",")+1){
        v=v.replace(/(,\d)$/,"$1"); // 2,5 se torna 2,50
    }
    return v;
}

function ValorInteiro(v) {
    v=v.replace(/[^\d]/g,"") // Remove tudo que não é dígito
    v=v.replace(/^0+/g,"")  // Remove zeros à esquerda
    //  if(v.indexOf(",")+1){
    //    v=v.replace(/(,\d)$/,"$1") // 2,5 se torna 2,50
    //  }
    //  else{
    //    v+=",00" // Acrescenta ,00 ao final dos inteiros
    //  }
    //  for(var i=0;i<10;i++)
    //    v=v.replace(/(\d)(\d{3}[\.,])/,"$1.$2") // Separador de milhar
    //  v="R$ "+v // R$ no começo
    return v;
}
function FormataValorDecimal(v) {
    var indice = v.indexOf(",");
    if (v != ""){
        if ( indice < 0){
            v+=",00";
        }
        if (indice == v.length-1){
            v+="00";
        }
    }
    return v;
}
</script>
<table width="100%" border="0">
    <tr>
        <td colspan="2" align="center"><strong>Exemplos de Funções de mascaras em javascript</strong></td>
    </tr>
    <tr bgcolor="#e1e1e1">
        <td width="13%">[Só numeros]</td>
        <td width="87%"><input name="int" type="text" id="int" onKeyDown="Mascara(this,Integer);" onKeyPress="Mascara(this,Integer);" onKeyUp="Mascara(this,Integer);"></td>
    </tr>
    <tr>
        <td width="13%">[Telefone]</td>
        <td width="87%"><input name="tel" type="text" id="tel" maxlength="14" onKeyDown="Mascara(this,Telefone);" onKeyPress="Mascara(this,Telefone);" onKeyUp="Mascara(this,Telefone);"></td>
    </tr>
    <tr bgcolor="#e1e1e1">
        <td width="13%">[CPF]</td>
        <td width="87%"><input name="cpf" type="text" id="cpf" maxlength="14" onKeyDown="Mascara(this,Cpf);" onKeyPress="Mascara(this,Cpf);" onKeyUp="Mascara(this,Cpf);"></td>
    </tr>
    <tr>
        <td width="13%">[Cep]</td>
        <td width="87%"><input name="cep" type="text" id="cep" maxlength="9" onKeyDown="Mascara(this,Cep);" onKeyPress="Mascara(this,Cep);" onKeyUp="Mascara(this,Cep);"></td>
    </tr>
    <tr bgcolor="#e1e1e1">
        <td width="13%">[CNPJ]</td>
        <td width="87%"><input name="cnpj" type="text" id="cnpj" maxlength="18" onKeyDown="Mascara(this,Cnpj);" onKeyPress="Mascara(this,Cnpj);" onKeyUp="Mascara(this,Cnpj);"></td>
    </tr>
    <tr>
        <td width="13%">[Romanos]</td>
        <td width="87%"><input name="rom" type="text" id="rom"  onKeyDown="Mascara(this,Romanos);" onKeyPress="Mascara(this,Romanos);" onKeyUp="Mascara(this,Romanos);"></td>
    </tr>
    <tr bgcolor="#e1e1e1">
        <td width="13%">[Site]</td>
        <td width="87%"><input name="sit" type="text" id="sit"  onKeyDown="Mascara(this,Site);" onKeyPress="Mascara(this,Site);" onKeyUp="Mascara(this,Site);"></td>
    </tr>
    <tr>
        <td width="13%">[Data]</td>
        <td width="87%"><input name="date" type="text" id="date" maxlength="10" onKeyDown="Mascara(this,Data);" onKeyPress="Mascara(this,Data);" onKeyUp="Mascara(this,Data);"></td>
    </tr>
    <tr bgcolor="#e1e1e1">
        <td width="13%">[Area Valor]</td>
        <td width="87%"><input name="arevalo" type="text" id="arevalo"  onKeyUp="Mascara(this,ValorDecimal)" onfocus="this.select();" onblur="Mascara(this,FormataValorDecimal)" ></td>
    </tr>
        <tr bgcolor="#e1e1e1">
        <td width="13%">[Area Valor2]</td>
        <td width="87%"><input name="arevalo02" type="text" id="Text1"  onKeyPress="Mascara(this,ValorInteiro)" onfocus="this.select();"  ></td>
    </tr>
</table>